<!DOCTYPE HTML>
<html>
<title>西柚视觉策划【有态度，有设计】</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<meta name="keywords" content="上海网站建设 上海网站设计 上海网站制作 上海网页设计 上海网站建设公司 上海网站改版 模板建站 网页设计公司 " />
<!-- develop:ge.sherry -->
<!--[if lte ie 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--[end if]-->
<link rel="stylesheet" href="css/common.css" type="text/css" />
<link rel="stylesheet" href="css/contact.css" type="text/css" />
<body>
<div class="wrap">
	{include file='nav.html'}
	{include file='banner.html'}
	
	<div class="main">
		<div class="submenu">
			<ul>
				<li class="help"><a href="" target="blank">help</a></li>
				<li class="flow"><a href="" target="blank">flow</a></li>
				<li class="team"><a href="" target="blank">teem</a></li>
				<li class="case"><a href="" target="blank">case</a></li>
			</ul>
		</div>
		
		<div class="title"><h2>联系我们</h2><h3>Contact Us</h3></div>	
		<div class="left">
			<h2>与我们在线洽谈</h2>
			<span class="qq_c">
				<a href="http://wpa.qq.com/msgrd?V=1&amp;Uin=919193938" class="qqa"></a>
				<a href="http://wpa.qq.com/msgrd?V=1&amp;Uin=491588094" class="qqa"></a>
			</span>
			<ul>
				<li>商务 : +86 15821828656  [产品/视觉设计咨询]</li>
				<li>电话 : 021-60875111  [周一至周五 10:00-19:00]</li>
				<li>QQ : 919193938</li>
				<li>邮箱 : <a href="mailto:xiyoush@163.com">xiyoush@163.com</a></li>
			</ul>
			<div class="map">
				<iframe src="map.html" scrolling="no"></iframe>
			</div>
		</div>
		<div class="right">
			<h2>告诉我们您的需求</h2>
			<form name="form1" class="form1" action="post">
				<input type="text" class="name" value="填写姓名/name" />
				<input type="text" class="qqnum" value="QQ号码/QQ number"/>
				<input type="text" class="tel" value="联系电话/tel"/>
				<input type="text" class="email" value="电子邮箱/e-mail"/>
				<input type="text" class="company" value="您的公司/your company"/>
				<textarea>填写详细需求/need
				</textarea>
				<input type="submit" class="submit" value="发送"/>
				<span>我们将在1个工作日内回复，资料会保密处理。</span>
			</form>
		</div>
		<div class="clr"></div>
		<a href="#top" class="gotop"></a>
	</div>
	
	{include file='foot.html'}
	
</div>

<script type="text/javascript" src="js/jquery.js" language="javascript">
</script>
<script type="text/javascript" src="js/common.js" language="javascript">
</script>
<script type="text/javascript" src="js/contact.js" language="javascript">
</script>

{literal}
<SCRIPT>
function xbtn(obj,back_y)
	{
		
		$(obj).each(function(){
			var this_event=null;
			$(this).addClass("xbtn").html($(this).html()+"<span class='xbtn_span'></span>");
			var xy;
			if( $(this).css('background-position') == undefined)
			{
				xy=[$(this).css('background-position-x'),$(this).css('background-position-y')];
			}
			else
			{
				xy=$(this).css('background-position').split(' ');
			}

			$('.xbtn_span' , this).css({
				'background-image':$(this).css('background-image'),
				'background-position': xy[0]+' '+back_y
			}).hover(function(){
					var obj= this;
					function go()
					{
						
						var v=$(obj).css('opacity')-0+0.1;
						
						if( v <=1 && this_event=='in')
						{
							if (v>0.9)
							{
								v=1;
							}
							$(obj).css({
								'opacity':v,
								'filter':'alpha(opacity='+(v*100)+')'
							});
							setTimeout(go,50);
						}
					}
					this_event='in';
					go();
					
			},function(){
			
					var obj= this;
					function go()
					{
						var v=$(obj).css('opacity')-0.1;
						if(v<0.1){v=0;}
						if( v >=0 && this_event=='out')
						{		
							$(obj).css({
								'opacity':v,
								'filter':'alpha(opacity='+(v*100)+')'
							});
							
							setTimeout(go,50);
							
						}
					}
					this_event='out';
					go();
			});
			
			
		});
		
	}
$(function(){
	
	xbtn(".header .btn1,.header .btn2,.header .btn3,.header .btn4,.header .btn5",'-41px');
	xbtn(".out .btn1,.out .btn2,.out .btn3,.out .btn4,.out .btn5",'-93px');
	xbtn(".logo",'-38px');
	
	$(document).mousemove(function(e) {
		var offset=$(document).width()/2-e.clientX;
		$(".banner").css({"background-position":( ($(document).width()-1600)/2+offset/4 -100 )+"px 0px"});
		
	});

	function foot_scroll()
	{
		if($(document).scrollTop() < ($(document).height()-$(window).height())*0.7 )
		{
			$('.footer').animate({'bottom':'-278px'},800,function(){setTimeout(foot_scroll,500);});
		}
		else
		{
			$('.footer').animate({'bottom':'0px'},800,function(){setTimeout(foot_scroll,500);});
		}
	}
	foot_scroll();
});
</SCRIPT>

<SCRIPT>
$(function(){
	function showPop(index)
	{
		
		$('.pop_body_dialog').css({
				'background':"url(/inc/img/pop"+index+".png)"
		});
		
		$('.pop_body_dialog #span').html( $('#pop_text'+index).html() );
		
		var y= ($(window).height()-419)/2 ;
		
		$('.pop_body').css({'top':y+'px'});
		$('.pop_bg,.pop_body').stop().fadeIn(); 
		
	}
	
	$('.box3_m a').click(function(){
		for(var i=1;i<7;i++)
		{
			if( $(this).hasClass('btn'+i))
			{
				showPop(i);
				return;
			}
		}
	});
	$(".pop_body_dialog .btn").click(function(){
		$('.pop_bg,.pop_body').stop().fadeOut();
	});
	
	xbtn(".box3_m .btn1,.box3_m .btn2,.box3_m .btn3,.box3_m .btn4,.box3_m .btn5,.box3_m .btn6",'-94px');
	xbtn(".recommend_read_more",'-41px');
	xbtn("#label3",'-49px');
	xbtn(".pop_body_dialog .btn",'-14px');
	
	var banner_index=1;
	function banner_timer()
	{
		
		changeBanner(banner_index);
		banner_index++;
		if(banner_index==6)
		{
			banner_index=1;
		}
		setTimeout(banner_timer,5000);
	};
	banner_timer();
	
	function changeBanner(_i)
	{
		var w=$('.shows:first').width();
		for(var i=1;i<6;i++)
		{
			if( i==_i)
			{
				$('.banner .numlist a.btn'+i).addClass('btn'+i+'_fire');
			}
			else
			{
				$('.banner .numlist a.btn'+i).removeClass('btn'+i+'_fire');
			}		
			$('#shows'+i).stop().animate({'left':  ((i-_i)*w)+'px' },500,function(){$(this).show();});
		}
		
	}
	$('.banner .numlist a').click(function(){
		for(var i=1;i<10;i++)
		{
			if( $(this).hasClass('btn'+i))
			{
				banner_index=i;
				changeBanner(i);
				return;
			}
			
		}
	});
	
	$('.show').css({'width': ($(document).width()*9)+'px'} );
	
	$(".case li").hover(function(){
				$('.case_w',this).stop().animate({"bottom":"30px"},400);	
				$(".x",this).stop().css({'left':'50px'}).animate({'left':"80px"},400).show();
				$(".y",this).stop().css({'right':'50px'}).animate({'right':"80px"},400).show();
				$('.fire',this).show();
			},function(){
				$('.case_w',this).stop().animate({"bottom":"14px"},400);
				$('.fire, .x, .y',this).hide();
			});	
	
});
</SCRIPT>
{/literal}
</body>
</html>